732334 ランダム
 ホーム | 日記 | プロフィール 【フォローする】 【ログイン】

500ピクセル幅のテンプレート　５





テンプレート　5

　width="500"（テーブル幅、00ピクセル）のテンプレート

ショップと商品を一緒に紹介したい場合のテンプレート

サンプル

■　■　■　題名　■　■　■　
　　ショップ名A
　　イチオシ商品　　画像１
■　テキストバナー１　
■　テキストバナー２　
■　テキストバナー３
　　ショップ名B
　　イチオシ商品　　画像２
■　テキストバナー４
■　テキストバナー５　
■　テキストバナー６
　


コピペ用タグ

<!--外側テーブル開始-->
<table width="500" border="0">
<tr align="center" bgcolor="#330066">
<td colspan="2" style="border-bottom: 1px solid #333333;">
<strong><font color="#FFFFFF">■　■　■　題名　■　■　■　</font></strong></td>
</tr><tr>
<td width="50%" align="center" valign="top">
<!--左　内側のテーブル　開始-->
<table width="100%" border="0" cellspacing="4" cellpadding="2" style="border: 1px dotted #330066;">
<tr align="left" valign="top">
<td colspan="2" style="border: 2px solid #330066;">ショップ名A</td>
</tr>
<tr align="left" valign="top"> <td>イチオシ商品</td>
<td width="100" align="center" valign="middle">画像１</td>
</tr> <tr align="left" valign="top">
<td colspan="2" style="border-bottom: 1px solid #333333;"><font color="#330066">■</font>　テキストバナー１</td>
</tr><tr align="left" valign="top">
<td colspan="2" style="border-bottom: 1px solid #333333;"><font color="#330066">■</font>　テキストバナー２</td>
</tr>
<tr align="left" valign="top">
<td colspan="2" style="border-bottom: 1px solid #333333;"><font color="#330066">■</font>　テキストバナー３</td>
</tr>
 </table>
<!--左　内側のテーブル　終了-->
</td>
<td width="50%" align="center" valign="top">
<!--右　内側テーブル　開始-->
<table width="100%" border="0" cellspacing="4" cellpadding="2" style="border: 1px dotted #330066;">
<tr align="left" valign="top">
<td colspan="2" style="border: 2px solid #330066;">ショップ名B</td>
</tr>
<tr align="left" valign="top"> <td>イチオシ商品</td>
<td width="100" align="center" valign="middle">　　画像２</td>
</tr> <tr align="left" valign="top">
<td colspan="2" style="border-bottom: 1px solid #333333;"><font color="#330066">■</font>　テキストバナー４</td>
</tr><tr align="left" valign="top">
<td colspan="2" style="border-bottom: 1px solid #333333;"><font color="#330066">■</font>　テキストバナー５</td>
</tr>
<tr align="left" valign="top">
<td colspan="2" style="border-bottom: 1px solid #333333;"><font color="#330066">■</font>　テキストバナー６</td>
</tr>
</table>
<!--右　内側テーブル終了-->
</td></tr> </table>
<!--外側のテーブル　終了-->


タグ解説

*　テーブルの色を変える場合はそれぞれのカラーコードを変えればOKです。

　　⇒　カラーコード一覧


*　テキストバナーを貼り付ける行を増やすには

　　ふと文字で記したタグのすぐ後ろに続けてしたのタグを入れ込みます。

<tr align="left" valign="top">
<td colspan="2" style="border-bottom: 1px solid #333333;"><font color="#330066">■</font>　テキストバナー●</td>
</tr>


*　テキストバナーを貼り付ける行を減らすには

　　ふと文字で記したタグを切り取ります。



使用例

■　■　■　今週のお勧めショップ　■　■　■　

エタニティDiet＆Health Shop
　ラテラル・サイトレーナーラテラル サイトレーナー！！ヒップ・太もも・ふくらはぎ気になる部分楽しくシェイプ！ラクラク...
■　【鼻キレイ】
■　【スリミーレッグ】
■　低反発マットレス
KMKストア
　　紫ウコン・ガジュツ紫ウコン　ガジュツNeo 4月中旬以降のお届けとなります。3個以上送料・代引手数料無料！　
■　【ごーやー茶】　3個以上で送料無料！5個お買い上げで1個プレゼント!!
■　半額以下で大奉仕！！｢黄金宮」
■　送料・代引手数料無料！『ニュー・ピュエル　シャンプー＆トリートメント』
　

<table width="500" border="0"> <tr align="center" bgcolor="#330066"><td colspan="2" style="border-bottom: 1px solid #333333;"><strong><font color="#FFFFFF">■　■　■　題名　■　■　■　</font></strong></td></tr><tr bgcolor="#CCCCCC"> <td width="50%" align="center" valign="top"><table width="100%" border="0" cellpadding="2" cellspacing="4" style="border: 1px dotted #330066;"> <tr align="left" valign="top" bgcolor="#FFFFFF"> <td colspan="2" style="border: 2px solid #330066;">お勧めショップ１</td></tr> <tr align="left" valign="top" bgcolor="#FFFFFF"> <td>お勧め商品１</td><td width="100" align="center" valign="middle">画像１</td></tr> <tr align="left" valign="top" bgcolor="#FFFFFF"> <td colspan="2" style="border-bottom: 1px solid #333333;"><font color="#330066">■</font>　テキストバナー１</td></tr><tr align="left" valign="top" bgcolor="#FFFFFF"><td colspan="2" style="border-bottom: 1px solid #333333;"><font color="#330066">■</font>　テキストバナー２</td></tr><tr align="left" valign="top" bgcolor="#FFFFFF"><td colspan="2" style="border-bottom: 1px solid #333333;"><font color="#330066">■</font>　テキストバナー３</td></tr> </table></td><td width="50%" align="center" valign="top"><table width="100%" border="0" cellspacing="4" cellpadding="2" style="border: 1px dotted #330066;"> <tr align="left" valign="top"> <td colspan="2" bgcolor="#FFFFFF" style="border: 2px solid #330066;">お勧めショップ２</td></tr> <tr align="left" valign="top" bgcolor="#FFFFFF"> <td>　　お勧め商品２</td><td width="100" align="center">画像２　</td></tr> <tr align="left" valign="top" bgcolor="#FFFFFF"> <td colspan="2" style="border-bottom: 1px solid #333333;"><font color="#330066">■</font>　テキストバナー４</td></tr><tr align="left" valign="top" bgcolor="#FFFFFF"><td colspan="2" style="border-bottom: 1px solid #333333;"><font color="#330066">■</font>　テキストバナー５</td></tr><tr align="left" valign="top" bgcolor="#FFFFFF"><td colspan="2" style="border-bottom: 1px solid #333333;"><font color="#330066">■</font>　テキストバナー６</td></tr> </table>　</td></tr> </table>
© Rakuten Group, Inc.
X